<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link  rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css">
    <script src="/js/bootstrap.bundle.js"></script>
    <script src="/js/bootstrap.min.js"></script> 
    <style>
    </style>
</head>

<body style="background-repeat:no-repeat;  background-size: 100%; " background="/image/1.jpg" >
<div class="container d-flex justify-content-center" >
        <div class="row border rounded-4 border-0" style="margin-top: 100px;">
        <div class="col-6" ><img src="/image/2.png" style="height: 706px;width: 650px;"></div>
        <div class="col-6  border bg-light rounded-start-0 rounded-5" style="height: 700px;width: 650px;" >
           <h1 class="mt-5 p-4" style="font-size: 36px; text-align: center; "><strong>食堂厨师管理系统</strong></h1>
           <div class="row mt-5 " style="font-size: 30px;">
            <div class="d-flex justify-content-evenly">
           <h2>用户名:</h2><input class=" form-control text-center text-primary" type="text" placeholder="请输入用户名" aria-label="Username" aria-describedby="basic-addon1"  style="height: 54px; width: 245px;font-size: 25px;"></div>
           </div> 
           <div class="d-flex justify-content-evenly mt-5">
            <h2 class="ms-1">密&nbsp;&nbsp;&nbsp;码:</h2><input class="ms-1 form-control text-center text-primary" type="text" placeholder="请输入密码" aria-label="Username" aria-describedby="basic-addon1"  style="height: 54px; width: 245px;font-size: 25px;"></div>
            <div class="d-flex justify-content-around mt-5"> 
                <button  type="button" class="btn btn-sm btn-primary " style="width: 100px;height: 42px;margin-left: 50px;">登录</button>
                <button type="button" class="btn btn-sm btn-primary " style="width: 100px;height: 42px;margin-left: -50px;">注册</button>
            </div>
                <div class="form-group mt-5 container">
                    <div class="form-check row">
                        <div class="d-flex justify-content-around">
                            <div style="margin-left: 50px;"><input class="form-check-input " type="checkbox" id="protocol" value="" required="required" style="width: 20px;">
                        <label for="protocol" class="form-check-lable">
                           <p> <font color="#999">记住账户密码</font></p>
                        </label></div>
                        <a href="#" style="margin-left: 100px;"> 忘记密码?</a>
                    </div>
                      
                    </div>
                </div>
            </div>
        </div>
       </div>
    
   
   
    















</div>
    
</body>
</html>